// pages/pages-list/medium/medium.js
import api from '../../../utils/api/api'
import tool from "../../../utils/publics/tool"
import config from "../../../config"
Page({

  /**
   * 页面的初始数据
   */
  data: {
    info: {
      identity: 3, //身份 1专业观众 2普通观众 3媒体 4国外  
      real_name: '', // 姓名
      mobile: '', // 手机号码
      card_no: '', // 身份证
      media_detail: '', // 媒体账号名称  
      media_image: '', // 媒体证明图片
      province: '', //  省份  
      city: '', // 城市  
      know: '', // 了解渠道
      pay_type: 1, // 支付方式 1 免费支付  2兑换码支付 3直接支付  4拼团支付  
      qrcode_id: '', // 渠道码id  通过渠道码进来  
      pink_id: '', // 拼团id 通过拼团进来
      id: '', //活动id
    },
    verify: [
      'code',
      'pay_type',
      'qrcode_id',
      'pink_id',
      'id',
    ], // 校验
    channel: [{
      name: '微信公众号',
      id: 1,
      close: false
    }, {
      name: '抖音/短视频',
      id: 2,
      close: false
    }, {
      name: '车友群',
      id: 3,
      close: false
    }, {
      name: '朋友圈',
      id: 4,
      close: false
    }, {
      name: '朋友推荐',
      id: 5,
      close: false
    }, {
      name: '小红书',
      id: 6,
      close: false
    }, {
      name: '搜索网站',
      id: 7,
      close: false
    }, {
      name: '户外广告',
      id: 8,
      close: false
    }, {
      name: '店家推荐',
      id: 9,
      close: false
    }],
    sltChannel: [], // 选中的渠道
    multiArray: [
      [
        '广东省',
        '广西',
        '北京市',
        '上海市',
        '天津市',
        '重庆市',
        '香港',
        '澳门',
        '台湾省',
        '浙江省',
        '江苏省',
        '安徽省',
        '山东省',
        '河南省',
        '江西省',
        '湖南省',
        '湖北省',
        '山西省',
        '河北省',
        '辽宁省',
        '吉林省',
        '黑龙江省',
        '陕西省',
        '甘肃省',
        '青海省',
        '四川省',
        '贵州省',
        '福建省',
        '云南省',
        '海南省',
        '内蒙古',
        '宁夏',
        '新疆',
        '西藏',
      ],
      [
        '广州', '深圳', '东莞', '佛山', '中山', '惠州', '珠海', '江门', '汕头', '汕尾', '韶关', '清远', '潮州', '河源', '肇庆', '茂名', '揭阳', '湛江', '云浮', '梅州', '阳江',
      ]
    ],
    cityArray: [
      ['广州', '深圳', '东莞', '佛山', '中山', '惠州', '珠海', '江门', '汕头', '汕尾', '韶关', '清远', '潮州', '河源', '肇庆', '茂名', '揭阳', '湛江', '云浮', '梅州', '阳江'],
      ['南宁', '桂林', '柳州', '河池', '北海', '玉林', '钦州', '贺州', '贵港', '百色', '梧州', '崇左', '防城港', '来宾'],
      ['北京'],
      ['上海'],
      ['天津'],
      ['重庆'],
      ['香港'],
      ['澳门'],
      ['台湾省'],
      ['杭州', '湖州', '嘉兴', '金华', '丽水', '宁波', '衢州', '绍兴', '台州', '温州', '舟山'],
      ['常州', '淮安', '连云港', '南京', '南通', '宿迁', '苏州', '泰州', '无锡', '徐州', '盐城', '扬州', '镇江'],
      ['安庆', '蚌埠', '亳州', '池州', '滁州', '阜阳', '合肥', '淮北', '淮南', '黄山', '六安', '马鞍山', '宿州', '铜陵', '芜湖', '宣城'],
      ['滨州', '德州', '东营', '菏泽', '济南', '济宁', '莱芜区', '聊城', '临沂', '青岛', '日照', '泰安', '潍坊', '威海', '烟台', '枣庄', '淄博'],
      ['安阳', '鹤壁', '济源', '焦作', '开封', '洛阳', '南阳', '平顶山', '濮阳', '三门峡', '商丘', '漯河', '新乡', '信阳', '许昌', '郑州', '周口', '驻马店'],
      ['抚州', '赣州', '吉安', '景德镇', '九江', '南昌', '萍乡', '上饶', '新余', '宜春', '鹰潭'],
      ['常德', '长沙', '郴州', '衡阳', '怀化', '娄底', '邵阳', '湘潭', '湘西', '益阳', '永州', '岳阳', '张家界', '株洲'],
      ['鄂州', '恩施', '黄冈', '黄石', '荆门', '荆州', '潜江', '神农架', '十堰', '随州', '天门', '武汉', '咸宁', '仙桃', '襄阳', '孝感', '宜昌'],
      ['长治', '大同', '晋城', '晋中', '临汾', '吕梁', '朔州', '太原', '忻州', '阳泉', '运城'],
      ['保定', '沧州', '承德', '邯郸', '衡水', '廊坊', '秦皇岛', '石家庄', '唐山', '邢台', '张家口'],
      ['鞍山', '本溪', '朝阳', '大连', '丹东', '抚顺', '阜新', '葫芦岛', '锦州', '辽阳', '盘锦', '沈阳', '铁岭', '营口'],
      ['白城', '白山', '长春', '吉林', '辽源', '四平', '松原', '通化', '延边'],
      ['大庆', '大兴安岭', '哈尔滨', '鹤岗', '黑河', '鸡西', '佳木斯', '牡丹江', '齐齐哈尔', '七台河', '双鸭山', '绶化', '伊春'],
      ['安康', '宝鸡', '汉中', '商洛', '铜川', '渭南', '西安', '咸阳', '延安', '榆林'],
      ['白银', '定西', '甘南', '嘉峪关', '金晶', '酒泉', '兰州', '临夏', '陇南', '平凉', '庆阳', '天水', '武威', '张掖'],
      ['果洛', '海北', '海东', '海南', '海西', '黄南', '西宁', '玉树'],
      ['阿坝', '巴中', '成都', '达州', '德阳', '甘孜', '广安', '广元', '乐山', '凉山', '泸州', '眉山', '绵阳', '南充', '内江', '攀枝花', '遂宁', '雅安', '宜宾', '自贡', '资阳'],
      ['贵阳', '遵义', '铜仁', '黔南', '黔西南', '黔东南', '安顺', '六盘水', '毕节'],
      ['福州', '厦门', '泉州', '宁德', '漳州', '莆田', '龙岩', '南平', '三明'],
      ['保山', '楚雄', '大理', '德宏', '迪庆', '红河', '昆明', '丽江', '临沧', '怒江', '普洱', '曲靖', '文山', '西双版纳', '玉溪', '昭通'],
      ['白沙', '保亭', '昌江', '澄迈', '儋州', '定安', '东方', '海口', '乐东', '临高', '陵水', '琼海', '琼中', '三沙', '三亚', '屯昌', '万宁', '文昌', '五指山'],
      ['阿拉善', '巴彦淖尔', '包头', '赤峰', '鄂尔多斯', '呼和浩特', '呼伦贝尔', '通辽', '乌海', '乌兰察布', '锡林郭勒', '兴安'],
      ['固原', '石嘴山', '吴忠', '银川', '中卫'],
      ['阿克苏', '阿拉尔', '阿勒泰', '巴音郭楞', '博尔塔拉', '昌吉', '哈密', '和田', '喀什', '克拉玛依', '克孜勒苏', '石河子', '塔城', '吐鲁番', '图木舒克', '五家渠', '乌鲁木齐', '伊利'],
      ['拉萨', '阿里', '昌都', '林芝', '那曲', '日喀则', '山南']
    ], // 市区
    region: [-1, -1], // 省市区
    upload: [], // 上传的图片
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    let info = this.data.info;
    let id = tool.storage("id");
    let pink_id = tool.storage("pink_id") || ''
    info.id = id;
    info.pink_id = pink_id;
    info.mobile = getApp().store.$state.userInfo.mobile || '';
    this.setData({
      info,
      pink_id
    })
  },
  // 输入框监听
  bindinput(e) {
    console.log(e);
    let key = e.currentTarget.dataset.name;
    let value = e.detail.value;
    let info = this.data.info;
    info[key] = value;
    this.setData({
      info
    })

  },
  // 多选
  channelFn(e) {
    console.log(e);
    let value = e.currentTarget.dataset.value;
    let index = e.currentTarget.dataset.index;
    let sltChannel = this.data.sltChannel;
    let channel = this.data.channel;
    let type = sltChannel.includes(value);
    if (type) {
      let num = sltChannel.findIndex(item => {
        return item == value
      });
      sltChannel.splice(num, 1);
      channel[index].close = false
    } else {
      sltChannel.push(value);
      channel[index].close = true
    };
    this.setData({
      sltChannel,
      channel
    })
  },
  // 省市区选择器
  bindMultiPickerChange: function (e) {
    let info = this.data.info;
    let value = e.detail.value;
    let multiArray = this.data.multiArray;
    info.province = multiArray[0][value[0]];
    info.city = multiArray[1][value[1]];;
    this.setData({
      region: value,
      info
    })
  },
  // 联动滑动监听
  bindMultiPickerColumnChange(e) {
    let multiArray = this.data.multiArray;
    let cityArray = this.data.cityArray;
    let {
      column,
      value
    } = e.detail;
    if (column == 0) {
      multiArray[1] = cityArray[value];
      this.setData({
        multiArray,
      })
    }

  },
  // 上传图片
  upload() {
    let upload = this.data.upload;
    let num = 5 - upload.length;
    let info = this.data.info;
    if (upload.length == 5 || upload.length > 5) return tool.alert("只可以上传五张哦")
    tool.chooseImage(num).then(res => {
      console.log(res);
      upload.push(...res.tempFilePaths);
      tool.uploadFiles(upload, `${config.REQUESTURL}api/upload`).then(res => {
        info.media_image = res.join(",")
      })
      this.setData({
        upload,
        info
      })
    })
  },
  // 删除图片
  cha(e) {
    let index = e.currentTarget.dataset.index;
    let upload = this.data.upload;
    upload.splice(index, 1);
    this.setData({
      upload
    })
  },
  // 提交审核
  check() {
    if (this.data.buttonClicked) return;
    this.buttonClicked(this, 500);
    let info = this.data.info;
    let verify = this.data.verify;
    let sltChannel = this.data.sltChannel;
    let regIdNo = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; // 身份证正则验证
    info.qrcode_id = tool.storage("scene") || '';
    info.know = sltChannel.join(',');
    for (var k in info) {
      if (!verify.includes(k)) {
        console.log(info[k], k);
        if (!info[k]) return tool.alert("请填写信息");
      }
    };
    if (!regIdNo.test(info.card_no)) {
      return tool.alert("请输入正确的身份证号");
    }
    if (info.pink_id) {
      info.pay_type = 4;
    }
    console.log(info, "info");
    api.submit(this.data.info).then(res => {
      console.log(res);
      let {
        code,
        data,
        msg
      } = res;
      console.log(res, "REs");
      if (code == 1) {
        if (data.pink_id) { // 拼团
          let js_config = data.js_config;
          wx.requestPayment({
            ...js_config,
            success(res) {
              // setTimeout(() => {
                tool.jump_rel(`/pages/pages-list/group-details/group-details?id=${data.pink_id}`)
              // }, 400)
            },
            fail(res) {
              // setTimeout(() => {
                tool.jump_rel("/pages/pages-list/my-activity/my-activity")
              // }, 400)
            }
          })
        } else {
          tool.alert("报名成功", 1);
          // setTimeout(() => {
            tool.jump_rel("/pages/pages-list/my-activity/my-activity")
          // }, 1000)
        }

      }

    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})